<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>itemsPage</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/itemsPage.css">
    <link rel="stylesheet" href="../css/iconfont_hzw.css">
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/iconfont.css">
</head>

<body>
    <!--顶部条  -->
    <div class="topbar">
        <div class="container">
            <!-- 用户区 -->
            <div class="user-area fl clearfix">
                <span>Hi,欢迎来到九机网 ! </span>
                <a href="./login.html" class="login">登录</a>
                <a href="./register.html" class="register">免费注册</a>
            </div>
            <!-- 顶部条菜单 -->
            <ul class="top-menu fr clearfix">
                <li class="drop-down"><a href="#"><span>个人中心</span><i class="iconfont icon-xiaosanjiaodown"></i></a>
                    <ul class="drop-down-list">
                        <li><a href="">我的订单</a></li>
                        <li><a href="">我的积分</a></li>
                        <li><a href="">我的试用</a></li>
                        <li><a href="">我的收藏</a></li>
                        <li><a href="">我的优惠券</a></li>
                        <li><a href="">我的维修</a></li>
                    </ul>
                </li>
                <li><a href="#"><i class="iconfont icon-changyongtubiao-mianxing-"></i><span>会员俱乐部</span></a></li>
                <li>
                    <a href="#">
                        <sapn>帮助中心</sapn>
                    </a>
                </li>
                <li class="drop-down"><a href="#"><i class="iconfont icon-shouji"></i><span>客户端</span></a>
                    <!-- 二维码 -->
                    <div class="download">
                        <div class="pic fl">
                            <img src="../imgs/QR Code.png" width="100px" height="100px">
                            <p>扫描二维码下载</p>
                        </div>
                        <div class="versions fr">
                            <a href="">Android</a>
                            <a href="">iPhone</a>
                            <a href="">触屏版</a>
                        </div>
                    </div>
                </li>
                <li><a href="#"><span>在线客服</span></a></li>
                <li class="drop-down"><a href="#"><span>网站导航</span><i class="iconfont icon-xiaosanjiaodown"></i></a>
                    <!-- 网站导航 -->
                    <div class="site-map">
                        <ul class="clearfix">
                            <li>
                                <h3>九机特色</h3>
                                <div class="site-map-list">
                                    <a href="">附近门店</a>
                                    <a href="">一手优品</a>
                                    <a href="">二手良品</a>
                                    <a href="">旧机回收</a>
                                    <a href="">预约维修</a>
                                    <a href="">九机小店</a>
                                </div>
                            </li>
                            <li>
                                <h3 class="purple">服务集市</h3>
                                <div class="site-map-list">
                                    <a href="">在线支付</a>
                                    <a href="">话费充值</a>
                                    <a href="">试用中心</a>
                                    <a href="">帮助中心</a>
                                    <a href="">九机服务</a>
                                    <a href="">会员俱乐部</a>
                                </div>
                            </li>
                            <li>
                                <h3 class="light-blue">招商合作</h3>
                                <div class="site-map-list">
                                    <a href="">供应商申请</a>
                                    <a href="">IT服务</a>
                                    <a href="">商务合作</a>
                                </div>
                            </li>
                            <li>
                                <h3 class="light-green">更多精选</h3>
                                <div class="site-map-list">
                                    <a href="">九机头条</a>
                                    <a href="">人才招聘</a>
                                </div>
                            </li>
                            <li>
                                <h3 class="light-red">产品选择</h3>
                                <div class="site-map-list">
                                    <a href="">手机</a>
                                    <a href="">手机配件</a>
                                    <a href="">电脑办公</a>
                                    <a href="">时尚影音</a>
                                    <a href="">智能家居</a>
                                    <a href="">娱乐竞技</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="#">不良信息举报</a></li>
                <li class="drop-down"><a href="#"><i class="iconfont icon-Call"></i><span>400-008-3939</span></a>
                    <div class="telephone">
                        <p>输入手机号并免费拨打:</p>
                        <div class="phone-input">
                            <input type="text" class="fl">
                            <button class="call fr">拨打</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--页眉  -->
    <header>
        <div class="container clearfix">
            <div class="logo-area fl">
                <a href="../index.html" title="九机网">
                    <img src="../imgs/logo.png">
                </a>
            </div>
            <div class="citylist fl">
                <div class="site">
                    <span>中原区</span><i class="iconfont icon-xiaosanjiaoup-copy f25"></i>
                </div>
                <a href="">全场免邮配送</a>
            </div>
            <div class="search-area fl">
                <div class="search clearfix">
                    <input type="text" placeholder="5G手机" class="fl">
                    <button class="fl">搜索</button>
                </div>
                <div class="hot-search">
                    <span>热门搜索:</span>
                    <a href="#">华为 Mate 30</a>
                    <a href="#">iPhone 11</a>
                    <a href="#">vivo NEX 3 5G</a>
                    <a href="#">iQOO Pro 5G</a>
                    <a href="#">5G手机</a>
                </div>
            </div>
            <a href="./shopcart.html" class="shopping-car fr">
                <span>购物车</span>
                <div class="shopping-block">

                </div>
            </a>
        </div>
    </header>
    <!-- 导航 -->
    <div class="nav">
        <div class="container clearfix">
            <div class="content-box fl">
                <h4>全部商品分类</h4>
                <div class="menu-box">
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="手机通讯" class="fl white f14">手机通讯</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">5G手机</a>
                            <a href="#" class="white">iPhone 11</a>
                            <a href="#" class="white">华为 Mate 30</a>
                            <a href="#" class="white">三星 Note 10+</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热门品牌</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为</a>
                                        <a href="#">苹果</a>
                                        <a href="#">荣耀</a>
                                        <a href="#">小米</a>
                                        <a href="#">OPPO</a>
                                        <a href="#">vivo</a>
                                        <a href="#">三星</a>
                                        <a href="#">魅族</a>
                                        <a href="#">美图</a>
                                        <a href="#">一加</a>
                                        <a href="#">努比亚</a>
                                        <a href="#">realme</a>
                                        <a href="#">全部手机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">价位</a></div>
                                    <div class="fl classify">
                                        <a href="#">0-599</a>
                                        <a href="#">600-999</a>
                                        <a href="#">1000-1999</a>
                                        <a href="#">2000-2999</a>
                                        <a href="#">3000-3999</a>
                                        <a href="#">4000-4999</a>
                                        <a href="#">5000以上</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">网络制式</a></div>
                                    <div class="fl classify">
                                        <a href="#">5G网络</a>
                                        <a href="#">4G全网通</a>
                                        <a href="#">移动/联通双4G</a>
                                        <a href="#">联通4G</a>
                                        <a href="#">电信4G</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">产品特点</a></div>
                                    <div class="fl classify">
                                        <a href="#">屏幕指纹识别</a>
                                        <a href="#">面部识别解锁</a>
                                        <a href="#">全面屏</a>
                                        <a href="#">快速充电</a>
                                        <a href="#">无线充电</a>
                                        <a href="#">液冷散热</a>
                                        <a href="#">双卡双待</a>
                                        <a href="#">指纹识别</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热销机型</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为 P30</a>
                                        <a href="#">iPhone 11</a>
                                        <a href="#">华为 nova 5 Pro</a>
                                        <a href="#">iQOO Pro 5G</a>
                                        <a href="#">荣耀9X</a>
                                        <a href="#">红米 Note 8 Pro</a>
                                        <a href="#">iPhone 11 Pro Max</a>
                                        <a href="#">OPPO Reno</a>
                                        <a href="#">一加7 Pro</a>
                                        <a href="#">华为畅享 10 Plus</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">售后维修</a></div>
                                    <div class="fl classify">
                                        <a href="#">手机维修</a>
                                        <a href="#">维修配件价格</a>
                                        <a href="#">九机服务</a>
                                        <a href="#">苹果电池快修</a>
                                        <a href="#">苹果显示屏快修</a>
                                        <a href="#">手机维修</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic1.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic2.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="手机配件" class="fl white f14">手机配件</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">保护膜</a>
                            <a href="#" class="white">保护壳</a>
                            <a href="#" class="white">数据线</a>
                            <a href="#" class="white">充电器</a>
                            <a href="#" class="white">移动电源</a>
                            <a href="#" class="white">手机耳机</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">保护膜</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为保护膜</a>
                                        <a href="#">苹果保护膜</a>
                                        <a href="#">荣耀保护膜</a>
                                        <a href="#">一加保护膜</a>
                                        <a href="#">OPPO保护膜</a>
                                        <a href="#">vivo保护膜</a>
                                        <a href="#">小米保护膜</a>
                                        <a href="#">三星保护膜</a>
                                        <a href="#">平板保护膜</a>
                                        <a href="#">其他</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">保护壳</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为保护壳</a>
                                        <a href="#">苹果保护壳</a>
                                        <a href="#">荣耀保护壳</a>
                                        <a href="#">一加保护壳</a>
                                        <a href="#">OPPO保护壳</a>
                                        <a href="#">vivo保护壳</a>
                                        <a href="#">小米保护壳</a>
                                        <a href="#">三星保护壳</a>
                                        <a href="#">平板保护壳</a>
                                        <a href="#">其他</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">数据线</a></div>
                                    <div class="fl classify">
                                        <a href="#">快充数据线</a>
                                        <a href="#">苹果数据线</a>
                                        <a href="#">MIFI认证线</a>
                                        <a href="#">安卓Type-C数据线</a>
                                        <a href="#">安卓Micro数据线</a>
                                        <a href="#">多合一数据线</a>
                                        <a href="#">转接头</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">充电器</a></div>
                                    <div class="fl classify">
                                        <a href="#">无线充电器</a>
                                        <a href="#">快充充电器</a>
                                        <a href="#">多口充电器</a>
                                        <a href="#">单口充电器</a>
                                        <a href="#">车载充电器</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">移动电源</a></div>
                                    <div class="fl classify">
                                        <a href="#">超轻薄</a>
                                        <a href="#">双向快充</a>
                                        <a href="#">自带线</a>
                                        <a href="#">无线输出</a>
                                        <a href="#">苹果输入</a>
                                        <a href="#">Type-C输入</a>
                                        <a href="#">安卓Micro输入</a>
                                        <a href="#">单口输出</a>
                                        <a href="#">多口输出</a>
                                        <a href="#">电量数字显示</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">手机耳机</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为耳机</a>
                                        <a href="#">苹果耳机</a>
                                        <a href="#">荣耀耳机</a>
                                        <a href="#">小米耳机</a>
                                        <a href="#">三星耳机</a>
                                        <a href="#">OPPO耳机</a>
                                        <a href="#">vivo耳机</a>
                                        <a href="#">一加耳机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">手机周边</a></div>
                                    <div class="fl classify">
                                        <a href="#">存储卡</a>
                                        <a href="#">指环扣/支架</a>
                                        <a href="#">自拍杆</a>
                                        <a href="#">读卡器</a>
                                        <a href="#">触控笔</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic3.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic4.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="电脑办公" class="fl white f14">电脑办公</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">平板电脑</a>
                            <a href="#" class="white">轻薄本</a>
                            <a href="#" class="white">游戏本</a>
                            <a href="#" class="white">路由器</a>
                            <a href="#" class="white">键盘/鼠标</a>
                            <a href="#" class="white">U盘</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热门品牌</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为</a>
                                        <a href="#">苹果</a>
                                        <a href="#">荣耀</a>
                                        <a href="#">小米</a>
                                        <a href="#">OPPO</a>
                                        <a href="#">vivo</a>
                                        <a href="#">三星</a>
                                        <a href="#">魅族</a>
                                        <a href="#">美图</a>
                                        <a href="#">一加</a>
                                        <a href="#">努比亚</a>
                                        <a href="#">realme</a>
                                        <a href="#">全部手机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">价位</a></div>
                                    <div class="fl classify">
                                        <a href="#">0-599</a>
                                        <a href="#">600-999</a>
                                        <a href="#">1000-1999</a>
                                        <a href="#">2000-2999</a>
                                        <a href="#">3000-3999</a>
                                        <a href="#">4000-4999</a>
                                        <a href="#">5000以上</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">网络制式</a></div>
                                    <div class="fl classify">
                                        <a href="#">5G网络</a>
                                        <a href="#">4G全网通</a>
                                        <a href="#">移动/联通双4G</a>
                                        <a href="#">联通4G</a>
                                        <a href="#">电信4G</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">产品特点</a></div>
                                    <div class="fl classify">
                                        <a href="#">屏幕指纹识别</a>
                                        <a href="#">面部识别解锁</a>
                                        <a href="#">全面屏</a>
                                        <a href="#">快速充电</a>
                                        <a href="#">无线充电</a>
                                        <a href="#">液冷散热</a>
                                        <a href="#">双卡双待</a>
                                        <a href="#">指纹识别</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热销机型</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为 P30</a>
                                        <a href="#">iPhone 11</a>
                                        <a href="#">华为 nova 5 Pro</a>
                                        <a href="#">iQOO Pro 5G</a>
                                        <a href="#">荣耀9X</a>
                                        <a href="#">红米 Note 8 Pro</a>
                                        <a href="#">iPhone 11 Pro Max</a>
                                        <a href="#">OPPO Reno</a>
                                        <a href="#">一加7 Pro</a>
                                        <a href="#">华为畅享 10 Plus</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">售后维修</a></div>
                                    <div class="fl classify">
                                        <a href="#">手机维修</a>
                                        <a href="#">维修配件价格</a>
                                        <a href="#">九机服务</a>
                                        <a href="#">苹果电池快修</a>
                                        <a href="#">苹果显示屏快修</a>
                                        <a href="#">手机维修</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic1.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic2.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="智能家居/智能健康" class="fl white f14">智能家居/智能健康</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">加湿器</a>
                            <a href="#" class="white">电动牙刷</a>
                            <a href="#" class="white">插座</a>
                            <a href="#" class="white">智能电视</a>
                            <a href="#" class="white">智能家纺</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热门品牌</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为</a>
                                        <a href="#">苹果</a>
                                        <a href="#">荣耀</a>
                                        <a href="#">小米</a>
                                        <a href="#">OPPO</a>
                                        <a href="#">vivo</a>
                                        <a href="#">三星</a>
                                        <a href="#">魅族</a>
                                        <a href="#">美图</a>
                                        <a href="#">一加</a>
                                        <a href="#">努比亚</a>
                                        <a href="#">realme</a>
                                        <a href="#">全部手机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">价位</a></div>
                                    <div class="fl classify">
                                        <a href="#">0-599</a>
                                        <a href="#">600-999</a>
                                        <a href="#">1000-1999</a>
                                        <a href="#">2000-2999</a>
                                        <a href="#">3000-3999</a>
                                        <a href="#">4000-4999</a>
                                        <a href="#">5000以上</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">网络制式</a></div>
                                    <div class="fl classify">
                                        <a href="#">5G网络</a>
                                        <a href="#">4G全网通</a>
                                        <a href="#">移动/联通双4G</a>
                                        <a href="#">联通4G</a>
                                        <a href="#">电信4G</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">产品特点</a></div>
                                    <div class="fl classify">
                                        <a href="#">屏幕指纹识别</a>
                                        <a href="#">面部识别解锁</a>
                                        <a href="#">全面屏</a>
                                        <a href="#">快速充电</a>
                                        <a href="#">无线充电</a>
                                        <a href="#">液冷散热</a>
                                        <a href="#">双卡双待</a>
                                        <a href="#">指纹识别</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热销机型</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为 P30</a>
                                        <a href="#">iPhone 11</a>
                                        <a href="#">华为 nova 5 Pro</a>
                                        <a href="#">iQOO Pro 5G</a>
                                        <a href="#">荣耀9X</a>
                                        <a href="#">红米 Note 8 Pro</a>
                                        <a href="#">iPhone 11 Pro Max</a>
                                        <a href="#">OPPO Reno</a>
                                        <a href="#">一加7 Pro</a>
                                        <a href="#">华为畅享 10 Plus</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">售后维修</a></div>
                                    <div class="fl classify">
                                        <a href="#">手机维修</a>
                                        <a href="#">维修配件价格</a>
                                        <a href="#">九机服务</a>
                                        <a href="#">苹果电池快修</a>
                                        <a href="#">苹果显示屏快修</a>
                                        <a href="#">手机维修</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic1.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic2.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="智能穿戴/智能出行" class="fl white f14">智能穿戴/智能出行</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">智能手表</a>
                            <a href="#" class="white">智能手环</a>
                            <a href="#" class="white">儿童手表</a>
                            <a href="#" class="white">车载充电器</a>
                            <a href="#" class="white">车载支架</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热门品牌</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为</a>
                                        <a href="#">苹果</a>
                                        <a href="#">荣耀</a>
                                        <a href="#">小米</a>
                                        <a href="#">OPPO</a>
                                        <a href="#">vivo</a>
                                        <a href="#">三星</a>
                                        <a href="#">魅族</a>
                                        <a href="#">美图</a>
                                        <a href="#">一加</a>
                                        <a href="#">努比亚</a>
                                        <a href="#">realme</a>
                                        <a href="#">全部手机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">价位</a></div>
                                    <div class="fl classify">
                                        <a href="#">0-599</a>
                                        <a href="#">600-999</a>
                                        <a href="#">1000-1999</a>
                                        <a href="#">2000-2999</a>
                                        <a href="#">3000-3999</a>
                                        <a href="#">4000-4999</a>
                                        <a href="#">5000以上</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">网络制式</a></div>
                                    <div class="fl classify">
                                        <a href="#">5G网络</a>
                                        <a href="#">4G全网通</a>
                                        <a href="#">移动/联通双4G</a>
                                        <a href="#">联通4G</a>
                                        <a href="#">电信4G</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">产品特点</a></div>
                                    <div class="fl classify">
                                        <a href="#">屏幕指纹识别</a>
                                        <a href="#">面部识别解锁</a>
                                        <a href="#">全面屏</a>
                                        <a href="#">快速充电</a>
                                        <a href="#">无线充电</a>
                                        <a href="#">液冷散热</a>
                                        <a href="#">双卡双待</a>
                                        <a href="#">指纹识别</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热销机型</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为 P30</a>
                                        <a href="#">iPhone 11</a>
                                        <a href="#">华为 nova 5 Pro</a>
                                        <a href="#">iQOO Pro 5G</a>
                                        <a href="#">荣耀9X</a>
                                        <a href="#">红米 Note 8 Pro</a>
                                        <a href="#">iPhone 11 Pro Max</a>
                                        <a href="#">OPPO Reno</a>
                                        <a href="#">一加7 Pro</a>
                                        <a href="#">华为畅享 10 Plus</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">售后维修</a></div>
                                    <div class="fl classify">
                                        <a href="#">手机维修</a>
                                        <a href="#">维修配件价格</a>
                                        <a href="#">九机服务</a>
                                        <a href="#">苹果电池快修</a>
                                        <a href="#">苹果显示屏快修</a>
                                        <a href="#">手机维修</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic1.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic2.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu-item">
                        <div class="title clearfix">
                            <i class="iconfont fl"></i>
                            <a href="#" title="时尚影音/娱乐竞技" class="fl white f14">时尚影音/娱乐竞技</a>
                            <i class="iconfont fr"></i>
                        </div>
                        <div class="sub-menu">
                            <a href="#" class="white">Beats</a>
                            <a href="#" class="white">SONY</a>
                            <a href="#" class="white">华为</a>
                            <a href="#" class="white">BOse</a>
                            <a href="#" class="white">智能音箱</a>
                            <a href="#" class="white">无人机</a>
                            <a href="#" class="white">摄影摄像</a>
                        </div>
                        <div class="menu-open">
                            <div class="menu-content fl">
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热门品牌</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为</a>
                                        <a href="#">苹果</a>
                                        <a href="#">荣耀</a>
                                        <a href="#">小米</a>
                                        <a href="#">OPPO</a>
                                        <a href="#">vivo</a>
                                        <a href="#">三星</a>
                                        <a href="#">魅族</a>
                                        <a href="#">美图</a>
                                        <a href="#">一加</a>
                                        <a href="#">努比亚</a>
                                        <a href="#">realme</a>
                                        <a href="#">全部手机</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">价位</a></div>
                                    <div class="fl classify">
                                        <a href="#">0-599</a>
                                        <a href="#">600-999</a>
                                        <a href="#">1000-1999</a>
                                        <a href="#">2000-2999</a>
                                        <a href="#">3000-3999</a>
                                        <a href="#">4000-4999</a>
                                        <a href="#">5000以上</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">网络制式</a></div>
                                    <div class="fl classify">
                                        <a href="#">5G网络</a>
                                        <a href="#">4G全网通</a>
                                        <a href="#">移动/联通双4G</a>
                                        <a href="#">联通4G</a>
                                        <a href="#">电信4G</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">产品特点</a></div>
                                    <div class="fl classify">
                                        <a href="#">屏幕指纹识别</a>
                                        <a href="#">面部识别解锁</a>
                                        <a href="#">全面屏</a>
                                        <a href="#">快速充电</a>
                                        <a href="#">无线充电</a>
                                        <a href="#">液冷散热</a>
                                        <a href="#">双卡双待</a>
                                        <a href="#">指纹识别</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">热销机型</a></div>
                                    <div class="fl classify">
                                        <a href="#">华为 P30</a>
                                        <a href="#">iPhone 11</a>
                                        <a href="#">华为 nova 5 Pro</a>
                                        <a href="#">iQOO Pro 5G</a>
                                        <a href="#">荣耀9X</a>
                                        <a href="#">红米 Note 8 Pro</a>
                                        <a href="#">iPhone 11 Pro Max</a>
                                        <a href="#">OPPO Reno</a>
                                        <a href="#">一加7 Pro</a>
                                        <a href="#">华为畅享 10 Plus</a>
                                    </div>
                                </div>
                                <div class="menu-list clearfix">
                                    <div class="fl classify-name"><a href="#">售后维修</a></div>
                                    <div class="fl classify">
                                        <a href="#">手机维修</a>
                                        <a href="#">维修配件价格</a>
                                        <a href="#">九机服务</a>
                                        <a href="#">苹果电池快修</a>
                                        <a href="#">苹果显示屏快修</a>
                                        <a href="#">手机维修</a>
                                    </div>
                                </div>
                            </div>
                            <div class="menu-pic fl">
                                <div>
                                    <img src="../imgs/pic1.webp">
                                </div>
                                <div>
                                    <img src="../imgs/pic2.webp">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav-menu fl">
                <a href="../index.html">首页</a>
                <a href="./recycle.html">旧机回收</a>
                <a href="#">一手优品</a>
                <a href="#">二手良品</a>
                <a href="#">售后维修</a>
                <a href="#">九机头条</a>
                <a href="#">人气排行</a>
                <a href="#">九机小店</a>
            </div>
        </div>
        <div class="menu-line"></div>
    </div>

    <div class="wrap">

        <!-- 左栏小导航 -->
        <div class="current-nav">
            <span class="iconfont icon-dingwei sure-p"></span>
            <a href="../index.html">首页</a>
            <i class="bias-line">/</i>
            <a href="#javascript">手机通讯</a>
            <i class="bias-line">/</i>
            <a href="#javascript">手机</a>
        </div>
        <!-- 商品盒子 -->
        <div class="items-wrap">
            <!-- 左栏一列商品 -->
            <div class="left-side clearfix">
                <div class="border">
                    <h4 class="box-title bg-grey">手机通讯</h4>
                    <dl class="border-bottom bg-grey">
                        <dt class="flex bottom-line flex-justify-between flex-align-center">
                            <a href="#javascript" class="cur">手机</a>
                        </dt>
                    </dl>
                    <dl class="border-bottom">
                        <dt class="flex bg-grey plusp flex-justify-between">
                            <a href="#javascript" class="phonepart"> 手机配件 </a>
                            <a href="#javascript" class="plus">+</a>
                        </dt>
                        <dd class="overflowhide">
                            <div class="list">
                                <a class="shell" href="#javascript">手机耳机</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">移动电源</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">手机保护壳</a>
                                <a class="shellleft" href="#javascript">苹果保护壳</a>
                                <a class="shellleft" href="#javascript">品牌保护壳</a>
                                <a class="shellleft" href="#javascript">平板保护壳</a>
                                <a class="shellleft" href="#javascript">华为保护壳</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">手机周边</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">手机贴膜</a>
                                <a class="shellleft" href="#javascript">苹果保护膜</a>
                                <a class="shellleft" href="#javascript">品牌保护膜</a>
                                <a class="shellleft" href="#javascript">平板保护膜</a>
                                <a class="shellleft" href="#javascript">华为保护膜</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">充电器</a>
                            </div>
                            <div>
                                <a class="shell" href="#javascript">数据线</a>
                            </div>
                        </dd>
                    </dl>
                </div>
                <!-- 浏览了最终购买了 -->
                <h4 class="box-title bg-grey finabuy border-bottom-none">浏览了最终购买了</h4>
                <div class="border margin-top" id="finalbuy">
                    <!-- <a class="guess-item" href="#javascript" title="华为Mate30全网通4G版"> -->
                    <!-- <img class="lazy-img clearfix" src="../imgs/leftphone.jpg" alt="华为Mate30全网通4G版">
                        <div class="detail clearfix">
                            <p class="name">华为 Mate 30 （TAS-AL00）全网通4G版</p>
                            <p class="price">￥3999</p>
                        </div> -->
                    </a>

                </div>
                <!-- 浏览了还购买了 -->
                <h4 class="box-title bg-grey finabuy border-bottom-none">浏览了还购买了</h4>
                <div class="border margin-top" id="alsobuy">
                    <!-- <a class="guess-item" href="#javascript" title="华为Mate30全网通4G版">
                        <img class="lazy-img clearfix" src="../imgs/leftphone.jpg" alt="华为Mate30全网通4G版">
                        <div class="detail clearfix">
                            <p class="name">华为 Mate 30 （TAS-AL00）全网通4G版</p>
                            <p class="price">￥3999</p>
                        </div>
                    </a>-->
                </div>
                <!-- 最新上架商品 -->
                <h4 class="box-title bg-grey finabuy border-bottom-none">最新上架的商品</h4>
                <div class="border margin-top" id="newitems">
                    <!-- <a class="newitem-wrap" href="#javascript">
                        <img class="new-item" title="红米 Redmi Note 7 Pro 全网通版" src="../imgs/newitem.jpg">
                        <p class="price price-center">￥1399</p>
                        <p class="name name-center">红米 Redmi Note 7 Pro 全网通版</p>
                    </a> -->
                </div>
            </div>
            <!-- 右栏 -->
            <div class="right-side clearfix">
                <!-- 重新定义 -->
                <div class="border clearfix">
                    <div class="box-title topnav bg-grey">
                        <b class="main-color sixteen">手机</b>
                        <span class="font-12 margin-left grey-9">共搜索到54个商品</span>
                    </div>
                    <div class="select-wrap">
                        <!-- 品牌盒子 -->
                        <div class="brand-box clearfix">
                            <span class="option clearfix grey-9">品牌 :</span>
                            <div class="select-opt clearfix">
                                <!-- <a href="#javascript" class="icon clearfix" title="苹果"><img src="../imgs/apple.jpg" alt=""></a>  -->
                            </div>
                            <a href="#javascript" class="morebrand main-color">更多品牌↓</a>
                        </div>
                        <!-- 价格盒子 -->
                        <div class="price-box clearfix">
                            <span class="option grey-9">价格 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>0-599</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>600-999</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1000-1999</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>2000-2999</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>3000-3999</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4000-4999</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>5000以上</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>稀缺高端</span></a>
                            </div>
                        </div>
                        <!-- 运行内存 -->
                        <div class="price-box clearfix">
                            <span class="option grey-9">运行内存 :</span>
                            <div class="price-opt border-bottom clearfix">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>6GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>8GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>2GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>3GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>10GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>12GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1G以下</span></a>
                            </div>
                        </div>
                        <!-- 机身内存 -->
                        <div class="price-box clearfix">
                            <span class="option grey-9">机身内存 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>64GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>128GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>32GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>16GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>256GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>512GB</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1GB以下</span></a>
                            </div>
                        </div>
                        <!-- 网络制式 -->
                        <div class="price-box clearfix">
                            <span class="option grey-9">运行内存 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>5G网络</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4G全网通</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>移动4G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>联通4G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>电信4G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4G+全网通</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>移动3G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>联通3G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>电信3G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>移动2G/联通2G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>电信2G</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>单卡</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>双卡</span></a>
                            </div>
                        </div>
                        <!-- 屏幕尺寸范 -->
                        <div class="price-box clearfix">
                            <span class="option grey-9">屏幕尺寸范 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>6.5英寸以上</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>6.0-6.5英寸</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>5.6-5.99英寸</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>5.5-5.0英寸</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4.9-4.1英寸</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4.0英寸及以下</span></a>
                            </div>
                        </div>
                        <!-- 指纹识别 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">指纹识别 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>不支持</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>屏幕指纹</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>背面指纹</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>侧面指纹</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>正面指纹</span></a>
                            </div>
                        </div>
                        <!-- 产品特点 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>屏幕指纹</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>面部识别解锁</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>无线充电</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>全面屏</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>防水防尘</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>液冷散热</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>折叠屏</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>后置三摄像头</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>后置四摄像头</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>前置双摄像头</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>前置三摄像头</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>支持NFC</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>曲面屏</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>虹膜识别</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>三防手机</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>红外遥控</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>无</span></a>
                            </div>
                        </div>
                        <!-- 分辨率 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1080p-2K</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>全高清1080p</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>高清720p</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>标清720p以下</span></a>
                            </div>
                        </div>
                        <!-- 电池容量 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>4000-5999mAh</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>3000-3999mAh</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>2000-2999mAh</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1200-1999mAh</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1200mAh以下</span></a>
                            </div>
                        </div>
                        <!-- 前置摄像头 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>2000万及以上</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1200万-1999万</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>500万-1199万</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>500万以下</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>无摄像头</span></a>
                            </div>
                        </div>
                        <!-- 后置摄像头 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>2000万及以上</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>1200万-1999万</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>500万-1199万</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>500万以下</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>无摄像头</span></a>
                            </div>
                        </div>
                        <!-- 快速充电 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>支持</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>不支持</span></a>
                            </div>
                        </div>
                        <!-- WiFi标准 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>WiFi6</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>WiFi5</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>不支持</span></a>
                            </div>
                        </div>
                        <!-- 核心数 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>八核</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>四核</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>双核</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>六核</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>非智能</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>十核</span></a>
                            </div>
                        </div>
                        <!-- 机身厚度 -->
                        <div class="price-box clearfix" style="display: none">
                            <span class="option grey-9">产品特点 :</span>
                            <div class="price-opt border-bottom">
                                <a href="#javascript" class="all price-range clearfix"><span>全部</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>7mm以下</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>7mm-8.5mm</span></a>
                                <a href="#javascript" class="price-range clearfix"><span>8.5mm以上</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 选择更多 -->
                <div class="more clearfix">
                    <a href="#javascript" class="select-more main-color">
                        <span class="moreotpion">更多选项...</span>
                    </a>
                </div>
                <!-- 商品bar -->
                <div class="sort-bar clearfix">
                    <div class="sort-flet clearfix">
                        <div class="sort-item clearfix slidemenu-relative">
                            <a href="#javascript" class="synthesize">综合</a>
                            <div class="slidemenu">
                                <div class="sort-wrap">
                                    <a class="cur" href="#javascript">综合排序</a>
                                    <a href="#javascript">按销量排序</a>
                                </div>
                            </div>
                        </div>
                        <div class="sort-item"><a href="#javascript"><span>价格</span></a></div>
                        <div class="sort-item"><a href="#javascript"><span>最新上架</span></a></div>
                    </div>
                    <!-- 显示有货 -->
                    <div class="has clearfix">
                        <input type="checkbox" name="" id="">仅显示有货
                    </div>
                    <!-- 价格区间 -->
                    <div class="price-dif clearfix">
                        价格区间: <input type="text">-<input type="text">
                        <button>确定</button>
                    </div>
                    <div class="pagination clearfix">
                        <a href="#javascript">&lt;</a> 1/10
                        <a href="#javascript">&gt;</a>
                    </div>
                </div>
                <!-- 商品列表 -->
                <div class="list clearfix">
                    <ul class="clearfix" id="Item">
                        <!-- <li class="goods clearfix">
                            <a class="example clearfix clearfix" href="#javascript"
                                title="华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏">
                                <img src="../imgs/detail-item.jpg">
                            </a>
                            <div class="goods-type clearfix">
                                <a href="#javascript"
                                    title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                        src="../imgs/detail-item.jpg"></a>
                                <a href="#javascript"
                                    title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                        src="../imgs/detail-item.jpg"></a>
                                <a href="#javascript"
                                    title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                        src="../imgs/detail-item.jpg"></a>
                                <a href="#javascript"
                                    title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                        src="../imgs/detail-item.jpg"></a>
                                <a href="#javascript"
                                    title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                        src="../imgs/detail-item.jpg"></a>
                            </div>
                            <a href="#javascript" class="goods-name clearfix"
                                title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏">
                                华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏
                            </a>
                            <div class="price mt-5 mb-5">
                                <span>
                                    <b style="display: block" class="main-color font-14">¥4299</b>
                                </span>
                            </div> -->
                        <!-- 评价 -->
                        <!-- <p class="remark clearfix grey-9">
                                已有<a href="#javascript" class="grey-9 count"> 652 </a>人评价
                            </p>
                            <a href="#javascript" class="mt-5 rank clearfix">
                                <span>手机单品当日销量第2名</span> <b> > </b>
                            </a>
                            <div class="tool">
                                <a href="#javascript">对比</a>
                                <a href="#javascript">收藏</a>
                            </div>
                        </li> -->
                        <!-- 删除多余 -->
                    </ul>
                </div>
                <!-- 翻页栏 -->
                <div class="find-page clearfix">
                    <div class="page-nav">
                        <span class="total-items">共 196 条</span>
                        <button disabled="disabled" class="btn-pre">
                            <b class="left-arrow">&lt;</b>
                        </button>
                        <ul class="page-length">
                            <li class="number clearfix active">1</li>
                            <li class="number clearfix">2</li>
                            <li class="number clearfix">3</li>
                            <li class="number clearfix">4</li>
                            <li class="number clearfix">5</li>
                            <li class="number clearfix">6</li>
                            <li class="number clearfix more">...</li>
                            <li class="number clearfix">10</li>
                        </ul>
                        <button type="button" class="btn-next">
                            <b class="right-arrow">&gt;</b>
                        </button>
                    </div>
                </div>
                <div class="guess-you clearfix border">
                    <h4 class="title">猜您喜欢</h4>
                    <div class="items">
                        <a title="Apple iPhone 8 Plus（A1864） 全网通版" href="#javascript">
                            <img src="../imgs/guess.jpg" alt="Apple iPhone 8 Plus（A1864） 全网通版">
                            <div class="detail">
                                <p class="name">Apple iPhone 8 Plus（A1864） 全网通版</p>
                                <p class="main-color font-14 mb-5">¥4299</p>
                                <span class="buy">立即购买</span>
                            </div>
                        </a>
                        <a title="Apple iPhone 8 Plus（A1864） 全网通版" href="#javascript"><img src="../imgs/guess.jpg" alt="Apple iPhone 8 Plus（A1864） 全网通版">
                            <div class="detail">
                                <p class="name">Apple iPhone 8 Plus（A1864） 全网通版</p>
                                <p class="main-color font-14 mb-5">¥4299</p>
                                <span class="buy">立即购买</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右边固定的工具条 -->
        <div class="right-nav">
            <div class="tool-item">
                <a href="./shopcart.html">
                    <span class="iconfont icon-gouwuche"></span>
                    <p>购物车</p>
                </a>
                <a href="#javascript">
                    <span class="iconfont icon-icon-test"></span>
                    <p>附近门店</p>
                </a>
                <a href="#javascript">
                    <span class="iconfont icon-05"></span>
                    <p>咨询客服</p>
                </a>
                <a href="#javascript">
                    <span class="iconfont icon-jianyi"></span>
                    <p>投诉建议</p>
                </a>
                <!-- 微信 -->
                <a href="#javascript" class="wechat">
                    <span class="iconfont icon-weixin"></span>
                    <p>
                        <img src="../imgs/wechat.png" alt="">
                    </p>
                </a>
                <a href="#javascript">
                    <span class="iconfont icon-shuangjiantou"></span>
                    <p>产品对比</p>
                </a>
                <!-- 回到顶部 -->
                <a href="javascript:;" class="tool-top">
                    <span class="iconfont icon-zhiding"></span>
                    <p>回到顶部</p>
                </a>
            </div>
        </div>
    </div>
    <!-- <div class="five-feature"> -->

    </div>
    <!-- 尾部 -->
    <div class="footer clearfix">
        <div class="promise core clearfix">
            <a href="" target="_blank">
                <dl class="clearfix">
                    <dt class="icon icon1"></dt>
                    <dd>
                        <h4>新九机 心生态</h4>
                        <p>全新九机 用心可见</p>
                    </dd>
                </dl>
            </a>
            <a href="" target="_blank">
                <dl class="clearfix">
                    <dt class="icon icon2"></dt>
                    <dd>
                        <h4>售假退一罚三</h4>
                        <p>我们承诺，只做正品</p>
                    </dd>
                </dl>
            </a>
            <a href="" target="_blank">
                <dl class="clearfix">
                    <dt class="icon icon3"></dt>
                    <dd>
                        <h4>1小时极速达</h4>
                        <p>自建物流，直达客户</p>
                    </dd>
                </dl>
            </a>
            <a href="" target="_blank">
                <dl class="clearfix">
                    <dt class="icon icon4"></dt>
                    <dd>
                        <h4>上门快修</h4>
                        <p>线上预约维修，在线评估故障</p>
                    </dd>
                </dl>
            </a>
            <a href="" target="_blank">
                <dl class="clearfix">
                    <dt class="icon icon5"></dt>
                    <dd>
                        <h4>门店保障</h4>
                        <p>实体购物，更加安心</p>
                    </dd>
                </dl>
            </a>
        </div>
        <div class="foot-help ">
            <div class="wrapper core clearfix">
                <dl>
                    <dt>新手指南</dt>
                    <dd>
                        <a href="">会员注册与使用</a>
                        <a href="">九机评测</a>
                        <a href="">积分介绍</a>
                    </dd>
                </dl>
                <dl>
                    <dt>付款方式</dt>
                    <dd>
                        <a href="">在线支付</a>
                        <a href="">分期介绍</a>
                        <a href="">退款介绍</a>
                    </dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd>
                        <a href="">到店自提</a>
                        <a href="">送货上门</a>
                        <a href="">快递运输</a>
                    </dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd>
                        <a href=" ">售后服务政策</a>
                        <a href=" ">维修质保政策</a>
                        <a href=" ">九机服务</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href=" ">会员介绍</a>
                        <a href=" ">交易条款</a>
                        <a href=" ">常见问题解答</a>
                    </dd>
                </dl>
                <dl class=" foot-relation clearfix ">
                    <dt class=" icon code "></dt>
                    <dd class=" text ">
                        <h4>九机网官方微信</h4>
                        <p>扫描二维码，即刻调戏小九，更多精彩活动等着您哦！</p>
                    </dd>
                    <dd class=" wblink ">
                        <a rel=" nofollow " href=" " target=" _blank " class=" xinlang "><i
                                class=" icon "></i>新浪微博</a>
                        <a rel=" nofollow " href=" " target=" _blank " class=" tengxun "><i
                                class=" icon "></i>九机贴吧</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>


    <div class="foot">
        <div class="wei footer">
            <div class="wrapper">
                <a href="https://www.9ji.com/doc/1/2">常见问题</a>
                <i></i>
                <a href="https://www.9ji.com/doc/1/74">供应商申请</a>
                <i></i>
                <a href="https://www.9ji.com/doc/1/176">配送方式</a>
                <i></i>
                <a href="https://job.9ji.com">招聘信息</a>
                <i></i>
                <a href="https://www.9ji.com/doc/1/43">关于我们</a>
                <i></i>
                <a href="https://www.9ji.com/doc/1/41">联系我们</a>
                <i></i>
                <a href="https://www.9ji.com/login?redirect=%2Fmember%2Fcomplaint%2Fadd">投诉建议</a>
                <i></i>
                <a href="https://www.9ji.com/AreaPrice/">地区报价</a>
                <i></i>
                <a href="https://it.9ji.com">IT服务</a>
                <i></i>
            </div>
            <div class="copy">
                <p>各门店营业时间：周一至周日 09:00-21:30 &nbsp;&nbsp;&nbsp;&nbsp; 全国服务热线：400-008-3939 &nbsp; &nbsp;&nbsp;&nbsp;工作时间：周一至周日 09:00-21:30</p>
                <p>网站ICP备案号：
                    <a href="//www.miibeian.gov.cn/">滇ICP备06002001号</a> &nbsp;&nbsp;&nbsp;&nbsp;电信业务经营许可证：滇B2-20180054号 &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53010202000261">滇公网安备
                        53010202000261号</a>
                </p>
                <p>Copyright © 2006 - 2019 九机网 All Rights Reserved</p>
                <p>云南九机信息技术有限公司版权所有</p>
            </div>
            <div class="bot">
                <a href="http://report.12377.cn:13225/toreportinputNormal_anis.do" title="中国互联网违法和不良信息举报中心"></a>
                <a href="http://si.trustutn.org/info?sn=309160601022242710319&amp;certType=1"></a>
                <a href="https://v.pinpaibao.com.cn/authenticate/cert/?site=www.9ji.com&amp;at=realname"></a>
                <a href="//wljg.ynaic.gov.cn:80/ynwjww/indexquery/indexqueryAction!dizview.dhtml?chr_id=85bbb593882a8258c2e0cb89c32b6880&amp;bus_ent_id=530100D000835657&amp;bus_ent_chr_id=6fcadc803af24ef48865aa83ccd88b96" title="云南网监电子标识" alt="云南网监电子标识"></a>
                <a href="//www.yn.cyberpolice.cn/"></a>
                <a href="https://www.landui.com/?9ji" title="IDC服务提供商"></a>
            </div>
        </div>
    </div>
</body>
<!-- 引用js,ejs -->
<script src="../js/jquery-1.12.4.js"></script>
<script src="../js/itemsPage.js"></script>
<script src="../js/render.js"></script>
<script src="../js/ejs.js"></script>
<!-- 品牌渲染 -->
<script type="text/template" id="tem">
    <%for(var i=0;i<data.length;i++){%>
        <a href="#javascript" class="icon clearfix" title="苹果"><img src="<%=data[i].brand_img%>"
        alt=""></a>
        <%}%>
</script>
<script>
    var tem = $("#tem").html()
    var html = ejs.render(tem, {
            data: brand
        })
        // console.log(html)
    $(".select-opt").html(html)
    $(".right-side .select-wrap .select-opt .icon").slice(14, 20).css("display", "none")
</script>
<!-- 最终购买渲染 -->
<script type="text/template" id="lefttem">
    <%for(var i=0;i<data.length;i++){%>
        <a class="guess-item" href="#javascript" title="<%=data[i].finallyBuy_name%>">
            <img class="lazy-img clearfix" src="<%=data[i].finallyBuy_img%>" alt="<%=data[i].finallyBuy_name%>">
                <div class="detail clearfix">
                    <p class="name"><%=data[i].finallyBuy_name%></p>
                    <p class="price"><%=data[i].finallyBuy_price%></p>
                </div>
        </a>
        <%}%>
</script>
<script>
    var tem = $("#lefttem").html()
    var html = ejs.render(tem, {
            data: leftBuy
        })
        // console.log(html)
    $("#finalbuy").html(html)
</script>
<!-- 还购买了渲染 -->
<script type="text/template" id="andbuy">
    <%for(var i=0;i<data.length;i++){%>
        <a class="guess-item" href="#javascript" title="<%=data[i].still_name%>">
            <img class="lazy-img clearfix" src="<%=data[i].still_img%>" alt="<%=data[i].still_name%>">
                <div class="detail clearfix">
                    <p class="name"><%=data[i].still_name%></p>
                    <p class="price"><%=data[i].still_price%></p>
                </div>
        </a>
        <%}%>
</script>
<script>
    var tem = $("#andbuy").html()
    var html = ejs.render(tem, {
            data: alsobuy
        })
        // console.log(html)
    $("#alsobuy").html(html)
</script>
<!-- 渲染最新上架 -->
<script type="text/template" id="new">
    <%for(var i=0;i<data.length;i++){%>
        <a class="newitem-wrap" href="#javascript" title="<%=data[i].new_name%>">
            <img class="new-item" src="<%=data[i].new_img%>" alt="<%=data[i].new_name%>">
                <p class="price price-center"><%=data[i].new_price%></p>
                <p class="name name-center"><%=data[i].new_name%></p>
                
        </a>
        <%}%>
</script>
<script>
    var tem = $("#new").html()
    var html = ejs.render(tem, {
            data: newItems
        })
        // console.log(html)
    $("#newitems").html(html)
</script>
<!-- 渲染产品列表 -->
<script type="text/template" id="items_list">
    <%for(var i=0;i<data.length;i++){%>
        <li class="goods clearfix">
            <a class="example clearfix" href="./detail.html" title="<%=data[i].desc%>">
                <img src="<%=data[i].main_img%>">
            </a>
            <div class="goods-type clearfix">
                <a href="./detail.html" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏">
                    <img src="<%=data[i].small_1%>"></a>

                <a href="./detail.html" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                src="<%=data[i].small_2%>"></a>
                <%if(data[i].small_3){%>
                    <a href="./detail.html" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                src="<%=data[i].small_3%>"></a>
                    <%if(data[i].small_4){%>
                        <a href="./detail.html" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                src="<%=data[i].small_4%>"></a>
                        <%if(data[i].small_5){%>
                            <a href="./detail.html" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏"><img
                                src="<%=data[i].small_5%>"></a>
                            <%}%>
                                <%}%>
                                    <%}%>
            </div>
            <a href="./detail.html" class="goods-name clearfix" title=" 华为 Mate 30 全网通4G版 罗兰紫 8GB+128GB 【重构想象】麒麟990，4000万超感光徕卡影像，OLED全面屏">
                <%=data[i].desc%>
            </a>
            <div class="price mt-5 mb-5">
                <span>
                            <b style="display: block" class="main-color font-14"><%=data[i].price%></b>
                        </span>
            </div>
            <!-- 评价 -->
            <p class="remark clearfix grey-9">
                已有
                <a href="#javascript" class="grey-9 count">
                    <%=data[i].remarknum%>
                </a>人评价
            </p>
            <a href="#javascript" class="mt-5 rank clearfix">
                <span><%=data[i].rank%></span>
            </a>
            <div class="tool">
                <a href="#javascript">对比</a>
                <a href="#javascript">收藏</a>
            </div>
        </li>
        <%}%>
</script>
<script>
    var tem = $("#items_list").html()
    var html = ejs.render(tem, {
            data: itemsList
        })
        // console.log(html)
    $("#Item").html(html)
</script>
<script>
    $(".right-side .list ul .goods-type a").hover(function() {
        if ($(this).children()) {
            var original_img = $(this).parent().prev().children().attr("src") //原始大图片
            var now_img = $(this).children().attr("src")
            var now_name = $(this).attr("title")
                // console.log(now_img)
            $(this).parent().prev().children().attr("src", now_img)
        } else {
            $(this).remove()
        }


    })
</script>

</html>